<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="core" %>
<%@ taglib prefix="fmt" uri="fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
	<head>
		<title>修改个人信息</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Loading Bootstrap1 -->
    	<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/icons.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/style1.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/style2.css" />
		
        <link href="<%=path%>/page/front/disc/bianji/font-awesome.css" rel="stylesheet">
	 	<script type="text/javascript" src="<%=path%>/page/front/disc/bianji/src/js/libs/jquery-1.10.2.min.js"></script>
		<!-- Loading Bootstrap1 -->
    	<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/bianji/style.css">
        <link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/bianji/src/js/jquery.notebook.css">
        <link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/bianji/css/default.css" />
        <link rel="stylesheet" type="text/css" href="<%=path%>/page/front/disc/bianji/css/component.css" />
        <script src="<%=path%>/page/front/disc/bianji/js/modernizr.custom.js"></script>
        <script src="<%=path%>/page/front/them/reconnecting-websocket.js"></script>
		
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
	    <!--[if lt IE 9]>
	      <script src="<%=path%>/page/front/disc/js/html5shiv.js"></script>
	      <script src="<%=path%>/page/front/disc/js/respond.min.js"></script>
	    <![endif]-->
		 <style type="text/css">
	    	
	    	 #fanhui{
            	width:80px;
            	height:80px;
            	position:fixed;
            	left:50px;
            	bottom:50px;
            }
             #fanhui a{
             	display:block;
             	width:80px;
             	height:80px;
             	color:#fff;
             	text-align:center;
             	line-height:80px;
             	font-size:20px;
             	font-family: "楷体","楷体_GB2312";
             }
             #fanhui a:hover{
             	text-decoration:none;
             	color:#075698;
             }
              #edit{
            	width:80px;
            	height:80px;
            	position:fixed;
            	left:150px;
            	bottom:50px;
            }
             #edit a{
             	display:block;
             	width:80px;
             	height:80px;
             	color:#fff;
             	text-align:center;
             	line-height:80px;
             	font-size:20px;
             	font-family: "楷体","楷体_GB2312";
             }
             #edit a:hover{
             	text-decoration:none;
             }
             #geren{
             	width:60%;
             	height:500px;
             	margin:20px auto;
             	text-align:center;
             }
             #geren span{
             	margin-top:10px;
             	
             }
             #geren img{
				width:200px;
				height:200px; 
                -webkit-border-radius:200px;
                -moz-border-radius:200px;
                border-radius:200px;
			}
			#main{
				width:400px;
				height:200px;
				margin:0 auto;
				line-height:30px;
			}
			#left{
				width:200px;
				height:200px;
				float:left;
			}
			#right{
				width:200px;
				height:200px;
				text-align:left;
				float:left;
			}
	    </style>
	</head>
<body> 
<form enctype="multipart/form-data" method="post" action="doedit.html" onsubmit="return check(this);"> 
	<div class="content">
		<div class="widget-body">
			<div class="widget-main" id="list">
				<div id="geren"><br/><br/><br/>
					<span><img src="<c:if test="${one.image.imLoclhost==null}">../../page/upload/images/123456.jpg</c:if>
					<c:if test="${one.image.imLoclhost!=null}">../../page/upload/images/${one.image.imLoclhost}</c:if>
					"  title="${one.uName}的头像"/></span><br/><br/>
					<div id="main">
						<div id="left">
							<span>修&nbsp;改&nbsp;图&nbsp;&nbsp;片</span><br/><br/>
							<span>昵&nbsp;&nbsp;&nbsp;&nbsp;称</span><br/>
							<span>性&nbsp;&nbsp;&nbsp;&nbsp;别</span><br/>
							<span>年&nbsp;&nbsp;&nbsp;&nbsp;龄</span><br/>
							<span>生&nbsp;&nbsp;&nbsp;&nbsp;日</span><br/>
							<span>联系方式</span><br/>
							
						</div>
						<div id="right">
							<input type="hidden" value="${one.uId }" id="uId" name="uId">
							<input type="file" style= "background-color:transparent ;border-style:none;" id="file" name="file"><br/>
							<input value="${one.uName}" style= "background-color:transparent ;border-style:none;" id="uName" name="uName"><br/>
							<%-- <input value="${one.uSex}" style= "background-color:transparent ;border-style:none;"id="uSex" name="uSex"><br/> --%>
							<select name="uSex">
								<c:if test="${one.uSex=='男' }">
								<option value="男"  >男</option>
								<option value="女">女</option>
								</c:if>
								<c:if test="${one.uSex=='女' }">
								<option value="女" >女</option>
								<option value="男"  >男</option>
								</c:if>
							</select>
							<input value="${one.uAge}" style= "background-color:transparent ;border-style:none;" id="uAge" name="uAge"><br/>
							<%-- <input value="${one.uBirthday}" style= "background-color:transparent ;border-style:none;" id="uBirthday" name="uBirthday"><br/> --%>
							<input type="text" class="Wdate" id="exStarttime"   name="uBirthday" value="${one.uBirthday}"onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})" />
							<input value="${one.uPhone}" style= "background-color:transparent ;border-style:none;" id="uPhone" name="uPhone"><br/>
						
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="fanhui">
		<input type="submit" >
	</div>
	<div id="edit">
		<a  href="editimage.html?uId=${one.uId }" target="_blank">剪裁头像</a>
	</div>
	</form>	
	<script src="<%=path%>/page/front/disc/js/jquery-1.8.3.min.js"></script>
	<script src="<%=path%>/page/front/disc/js/jquery.form.js"></script>
   	<script src="<%=path%>/page/front/disc/js/bootstrap.min.js"></script>
	<script  src="<%=path%>/page/front/disc/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
	</body>
	<script type="text/javascript">
    function check(form){
    	if($("#uAge").val()==""){
            alert("年龄不能为空");
            return false;
        }
    	if($("#uName").val()==""){
            alert("昵称不能为空");
            return false;
        }
    	
    	if($("#uPhone").val()==""){
            alert("联系方式不能为空");
            return false;
    	}
    	
    	   var reg = new RegExp("^[0-9]*$");
    	   if(!reg.test($("#uPhone").val())){
    	        alert("联系方式请输入数字!");
    	    	return false;
    	    }
    	   if(!reg.test($("#uAge").val())){
   	        alert("年龄请输入数字!");
   	    	return false;
   	    	}
    	   
    	  
    	        var txt_bpice=document.getElementById("file");
    	        var b=/\w+([.jpg|.png|.gif|.swf|.bmp|.jpeg]){1}$/;
    	        var t_value=file.value.toLowerCase() ;
    	        var a=b.test(t_value);
    	        if(!a){
    	        	alert("图片格式错误");
    	        	return false;
    	        }
    	        
    	   
    	
    }
</script>
</html>  